<template>
  <div class="my-pop" v-if="show" @click="hide"></div>
</template>

<script>
import { ref, reactive, toRefs } from "vue";
export default {
  props:{
    show: Boolean
  },
  setup(props,{emit}) {
    const hide = () => {
    //    console.log();
    //    props.show = false
      emit('update:show',false)
    }
    return{
      hide
    }
  },
};
</script>
<style lang="scss" scoped>
.my-pop{
    height: 100%;
    width: 100%;
    background: #000;
    opacity: 0.5;
    position: fixed;
    top: 0;
    left: 0;
}
</style>